<!--
 * @Description: 行内元素
 * @Author: charles
 * @Date: 2021-08-09 11:30:49
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-08-15 23:00:40
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>行内</title>
</head>
<body>
  <!-- 注释快捷键ctrl+/ -->
  <!--行内元素无法定义高度 -->
  <span style="height: 100px;">one</span>
  <span>two</span>
  <span>three</span>

  <a href="http://www.baidu.com">百度好几下</a>
  <strong>加粗</strong>
  <em>强调</em>
  <i>斜体</i>
<!-- 相对路径 -->
  <img width="100px" src="./images/carousel2.jpg"  alt="">

<!-- 点击图片跳转 -->
<!-- 绝对地址跳转 -->
<div><a href="http://www.baidu.com">
  <img src="https://tse1-mm.cn.bing.net/th/id/R-C.5b42c86707f0228d2f2a62963de5a067?rik=gqZz0p208FshXA&riu=http%3a%2f%2fpic241.nipic.com%2ffile%2f20190920%2f27837611_145007485086_2.jpg&ehk=%2fCWPM4TT8tpVE8qGg%2f7O4oZG2EAF00Ify2UvXYQC%2fjk%3d&risl=&pid=ImgRaw&r=0" width="200" height="200" alt=""></a>
  </div>
</body>
</html>
